define([ "Zepto", "underscore", "Backbone", "Handlebars",
		"text!templates/faculty/facultylist.html",
		"views/faculty/facultylistview",
        "views/common/menuview"], function($, _, Backbone, Handlebars,
		template, FacultyListView, MenuView) {

	var FacultyListPage = Backbone.View.extend({

		template : Handlebars.compile(template),

		render : function(eventName) {


			this.$el.html(this.template(this.model.toJSON()));
			
			// menu top
			this.menutop = new MenuView({
				el : $('#menu', this.el),
				model : this.model
			});
			this.menutop.render();
        	

			this.listView = new FacultyListView({
				el : $('#list', this.el),
				model : this.model
			});
			this.listView.render();
			return this;
		},
		
		postRender : function(eventName) {
			var scrollableframe = new iScroll('scrollableframe', {
				useTransition : false,
				checkDOMChanges : true,
				hideScrollbar : true,
				fixedScrollbar : true,
				bounceLock : true });
		}

	});

	return FacultyListPage;

});